﻿/***************************/
/* Boostrap overrides      */

#applicationHost {
  position: relative;
  z-index: 1;
}


.loader {
    visibility: hidden;
}
.loader.active {
    visibility: visible;
}

.dropdown-menu > li > div {
    display: block;
    padding: 3px 0;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: rgb(51, 51, 51);
    white-space: nowrap;
}

#map {
  position: absolute; 
  top: 56px; bottom: 0;
  left: 0; right: 0;
  z-index: 0;
}

#map.listOpen {
  left: 350px;
} 
.itemList {
  display: none;
}
.itemList.listOpen {
  display: block;
  position: absolute; 
  top: 56px; bottom: 0;
  left: 0; width: 350px;
  z-index: 1;
}


.itemDetails {
  display: none;
  position: absolute;
  position: fixed;
  z-index: 8;
  bottom: 0; height: 270px;
  left: 350px; right: 0;
  border-radius: 3px 3px 0 0;

  background-color: #f1f1f1;
  padding: 15px;
}
.itemDetails.detailsOpen  {
  display: block;
}
.itemDetails * {
  margin: 0;
}
.details-image {
  width:220px; height: 220px; 
  background-color: #1e1e1e; 
  float:left; 
  margin: 5px 10px 0 0;
}

.shoppingList {
  padding: 15px;
  background-color: #f5eaac;
  height: 220px; 
}